<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="js/jquery-Source.js"></script>
		<script type="text/javascript" src="js/jquery-Validation.js"></script>
		<!--<script src="http://code.jquery.com/jquery-latest.js"></script>
		<script type="text/javascript"
			src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>-->

		<title>Offices</title>
		<link href="css/CommonCSS.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript">
	$(document).ready(function() {
		$("#Offices").validate();
	});
</script>
	</head>

	<body>
		<form class="cmxform" id="Offices" method="get"
			action="./servlet/Control_Department">
			<fieldset>
				<legend>
					Add new Department
				</legend>
				<p>
					<label for="DepartmentName">
						Department Name:
					</label>
					<input id="DepartmentName" name="TxtDepartmentName" class="required"
						minlength="5" maxlength="30" />
				</p>
				<p>
					<label for="Address">
						Address:
					</label>
					<input id="Address" name="TxtAddress" class="required" />
				</p>
				<p>
					<label for="TotalOfFloor">
						Total Of Floor:
					</label>
					<input id="TotalOfFloor" name="TxtTotalOfFloor" class="number; required" max="10"/>
				</p>
				<p>
					<label for="Phone">
						Phone:
					</label>
					<input id="Phone" name="TxtPhone"/>
				</p>
				<p>
					<input class="submit" type="submit" value="Submit" Name="BtnSave"/>
				</p>
			</fieldset>
		</form>
	</body>
</html>